/*end reset*/
html,body{
	height:100%; /* needed for container min-height */
	width:100%;
	overflow:hidden;
}

body{z-index:0;background:transparent;font:13px/1.6 'Open Sans', sans-serif !important;color:#eee;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{text-decoration:underline; color:inherit !important}
#tlo{z-index:-9999;overflow: hidden;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 1;margin-left: 0px; margin-top:-50px; background:#000}
#gradient{z-index:2;position:fixed;top:0;left:0;bottom:0;right:0}
.radial {background: -moz-radial-gradient(center, ellipse cover,  transparent 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,transparent), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover,  transparent 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover,  transparent 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover,  transparent 0%,#000000 100%); background: radial-gradient(center, ellipse cover,  transparent 0%,#000000 100%); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr="#2000000", endColorstr="#19000000");}
#siatka{z-index:3;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(../images/raster.png); background-color: transparent; opacity: 1; background-position: initial initial; background-repeat: initial initial;}

#menu{ background-image: url(../images/raster1.png); background-color: transparent; opacity: 1; background-position: initial initial; background-repeat: initial initial;position:fixed;left:0px;top:0px;height:100%;width:180px;padding:10px;z-index:3;}

#menu p{text-align:justify; margin-bottom:6px; line-height:14px}

#control{position:fixed; z-index:5; left:0px; bottom:50px; height:43px;}
#control .player{height:43px;opacity:0.85;cursor:pointer; z-index:6;}
#control .play{width:39px;background:url(../images/player/play0.fw.png);}
#control .play:hover{background:url(../images/player/play1.fw.png);}
#control .hdon{width:39px;background:url(../images/player/hdon0.fw.png);}
#control .hdon:hover{background:url(../images/player/hdon1.fw.png);}
#control .hdoff{width:39px;background:url(../images/player/hdoff0.fw.png);}
#control .hdoff:hover{background:url(../images/player/hdoff1.fw.png);}
#control .r240{width:39px;background:url(../images/player/2400.fw.png);}
#control .r240:hover{background:url(../images/player/2401.fw.png);}
#control .r360{width:39px;background:url(../images/player/3600.fw.png);}
#control .r360:hover{background:url(../images/player/3601.fw.png);}
#control .r480{width:39px;background:url(../images/player/4800.fw.png);}
#control .r480:hover{background:url(../images/player/4801.fw.png);}
#control .r720{width:39px;background:url(../images/player/7200.fw.png);}
#control .r720:hover{background:url(../images/player/7201.fw.png);}
#control .r1080{width:45px;background:url(../images/player/10800.fw.png);}
#control .r1080:hover{background:url(../images/player/10801.fw.png);}
#control .full{width:37px;background:url(../images/player/full0.fw.png);}
#control .full:hover{background:url(../images/player/full1.fw.png);}
#control .menu{width:37px;background:url(../images/player/menu0.fw.png);}
#control .menu:hover{background:url(../images/player/menu1a.fw.png);}
#control .novolume{width:31px;background:url(../images/player/novolume0.fw.png);}
#control .novolume:hover{background:url(../images/player/novolume1.fw.png);}
#control .volume{width:31px;background:url(../images/player/volume0.fw.png);}
#control .volume:hover{background:url(../images/player/volume1.fw.png);}
#control .pause{width:39px;background:url(../images/player/pause0.fw.png);}
#control .pause:hover{background:url(../images/player/pause1.fw.png);}
#control .slider{width:153px;background:url(../images/player/sliderbg.fw.png);cursor:default}
#control .chater{width:39px;background:url(../images/player/chat0.fw.png);}
#control .chater:hover{background:url(../images/player/chat1.fw.png);}
#control #vslider{position:absolute; left:109px; width:137px; top:13px; opacity:0.01; z-index:8}
#control #vsliderbg{position:absolute; left:109px; width:137px; top:15px; z-index:7;height:11px}
#control #vsliderbg .bar{background:#fff url(../images/player/bar.fw.png) top left;width:50%;height:11px;overflow:hidden;text-align:right}

#chat1{position:fixed; bottom:100px; left:0px; background:url(../images/player/chatbg.fw.png) top left no-repeat;z-index:3;width:503px; height:227px; overflow:hidden}
#chat2{position:fixed; right:330px; bottom:0px; background:#FFF url(../images/chatbg2.jpg) top left no-repeat; padding:5px; z-index:3;width:300px; height:400px; overflow:hidden}
/*.on{height:320px !important; visibility:visible}
.off{height:320px !important; visibility:hidden}
/*.chat{opacity:1}*/

#chat1 iframe{z-index:4;margin-top:-32px; margin-left:-2px; width:525px; height:326px; opacity:0.55}
#chat1 .con{width:480px; height:204px; margin-top:10px; margin-left:10px; overflow:hidden;}
#chat1 .bgtop{width:503px; height:11px; z-index:5; background:url(../images/player/ctop.fw.png) top left no-repeat; position:absolute; margin-top:0px; margin-left:0px}
#chat1 .bgbottom{width:503px; height:15px; z-index:5; background:url(../images/player/cbottom.fw.png) top left no-repeat; position:absolute; margin-top:212px; margin-left:0px}
#chat1 .bgleft{width:11px; height:201px; z-index:5; background:url(../images/player/cleft.fw.png) top left no-repeat; position:absolute; margin-top:11px; margin-left:0px}
#chat1 .bgright{width:14px; height:201px; z-index:5; background:url(../images/player/cright.fw.png) top left no-repeat; position:absolute; margin-top:11px; margin-left:489px}

#vslider a{cursor:e-resize;}

.social{position:fixed; bottom:10px;}

.online{font-size:11px !important; color:#CCC; text-transform:uppercase}